<template>
  <div>
    <!-- 我的首页内容 -->
    <div class="content">
      <div>
        <button class="item blue" hover-class="button-hover" bindtap="login">
          登录
        </button>
      </div>
      <div class="btnGroup">
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickRealTimeData"
        >
          实时数据
        </button>
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickStockDiagnosis"
        >
          股票诊断
        </button>
      </div>
      <div class="btnGroup">
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickStockRecommendation"
        >
          股票推荐
        </button>
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickQuantitativeStockSelection"
        >
          量化分析
        </button>
      </div>
      <div class="btnGroup">
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickMessageBoard"
        >
          留言板
        </button>
        <button
          class="item blue"
          hover-class="button-hover"
          bindtap="clickConfiguration"
        >
          设置
        </button>
      </div>
    </div>
  </div>
</template>

<script>
import { Datetime } from "vux";

export default {
  name: "Index",
  components: {
    Datetime,
  },
  data() {
    return {
      /**
       * 是否显示授权视图(view)
       */
      autViewShow: false,
    };
  },
  created() {
    this.$vux.loading.show({
      text: "加载中...",
    });
  },
};
</script>

<style scoped>
/* 外层容器 */
.content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 10rpx;
}
</style>
